home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 July & August / PCWorld_2006-07-08_cd.bin / v cisle / acehtml / acehtmlfreeware.exe / scriptdef / Right-To-Left Flying Image.sd < prev    next >
INI File  |  2004-06-28  |  9KB  |  292 lines
  1. [SUBJECT]
  2. Description=Right-To-Left Flying Image Script
  3. ImageIndex=1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;<script language="JavaScript" fptype="hdynamicanimation">
  9. ;<!--
  10. ;  dynamicanimAttr = "hdynamicanimation";
  11. ;  animateElements = new Array();
  12. ;  currentElement = 0;
  13. ;  speed = 0;
  14. ;  stepsZoom = 8;
  15. ;  stepsWord = 8;
  16. ;  stepsFly = 12;
  17. ;  stepsSpiral = 16;
  18. ;  steps = stepsZoom;
  19. ;  step = 0;
  20. ;  outString = "";
  21. ;  function hdynAnimation()
  22. ;  {
  23. ;    var ms = navigator.appVersion.indexOf("MSIE");
  24. ;    ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
  25. ;    if(!ie4)
  26. ;    {
  27. ;      if((navigator.appName == "Netscape") &&
  28. ;         (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
  29. ;      {
  30. ;        for (index=document.layers.length-1; index >= 0; index--)
  31. ;        {
  32. ;            layer=document.layers[index];
  33. ;            if (layer.left==10000)
  34. ;                layer.left=0;
  35. ;        }
  36. ;      }
  37. ;      return;
  38. ;    }
  39. ;    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
  40. ;    {
  41. ;      el = document.all[index];
  42. ;      animation = el.getAttribute(dynamicanimAttr, false);
  43. ;      if(null != animation)
  44. ;      {
  45. ;        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
  46. ;        {
  47. ;          ih = el.innerHTML;
  48. ;          outString = "";
  49. ;          i1 = 0;
  50. ;          iend = ih.length;
  51. ;          while(true)
  52. ;          {
  53. ;            i2 = startWord(ih, i1);
  54. ;            if(i2 == -1)
  55. ;              i2 = iend;
  56. ;            outWord(ih, i1, i2, false, "");
  57. ;            if(i2 == iend)
  58. ;              break;
  59. ;            i1 = i2;
  60. ;            i2 = endWord(ih, i1);
  61. ;            if(i2 == -1)
  62. ;              i2 = iend;
  63. ;            outWord(ih, i1, i2, true, animation);
  64. ;            if(i2 == iend)
  65. ;              break;
  66. ;            i1 = i2;
  67. ;          }
  68. ;          document.all[index].innerHTML = outString;
  69. ;          document.all[index].style.posLeft = 0;
  70. ;          document.all[index].setAttribute(dynamicanimAttr, null);
  71. ;        }
  72. ;        if(animation == "zoomIn" || animation == "zoomOut")
  73. ;        {
  74. ;          ih = el.innerHTML;
  75. ;          outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">";
  76. ;          outString += ih;
  77. ;          outString += "</SPAN>";
  78. ;          document.all[index].innerHTML = outString;
  79. ;          document.all[index].style.posLeft = 0;
  80. ;          document.all[index].setAttribute(dynamicanimAttr, null);
  81. ;        }
  82. ;      }
  83. ;    }
  84. ;    i = 0;
  85. ;    for (index=document.body.sourceIndex; index < document.all.length; index++)
  86. ;    {
  87. ;      el = document.all[index];
  88. ;      animation = el.getAttribute(dynamicanimAttr, false);
  89. ;      if (null != animation)
  90. ;      {
  91. ;        if(animation == "flyLeft")
  92. ;        {
  93. ;          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth;
  94. ;          el.style.posTop = 0;
  95. ;        }
  96. ;        else if(animation == "flyRight")
  97. ;        {
  98. ;          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth;
  99. ;          el.style.posTop = 0;
  100. ;        }
  101. ;        else if(animation == "flyTop" || animation == "dropWord")
  102. ;        {
  103. ;          el.style.posLeft = 0;
  104. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight;
  105. ;        }
  106. ;        else if(animation == "flyBottom")
  107. ;        {
  108. ;          el.style.posLeft = 0;
  109. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight;
  110. ;        }
  111. ;        else if(animation == "flyTopLeft")
  112. ;        {
  113. ;          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth;
  114. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight;
  115. ;        }
  116. ;        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
  117. ;        {
  118. ;          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth;
  119. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight;
  120. ;        }
  121. ;        else if(animation == "flyBottomLeft")
  122. ;        {
  123. ;          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth;
  124. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight;
  125. ;        }
  126. ;        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
  127. ;        {
  128. ;          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth;
  129. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight;
  130. ;        }
  131. ;        else if(animation == "spiral")
  132. ;        {
  133. ;          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth;
  134. ;          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight;
  135. ;        }
  136. ;        else if(animation == "zoomIn")
  137. ;        {
  138. ;          el.style.posLeft = 10000;
  139. ;          el.style.posTop = 0;
  140. ;        }
  141. ;        else if(animation == "zoomOut")
  142. ;        {
  143. ;          el.style.posLeft = 10000;
  144. ;          el.style.posTop = 0;
  145. ;        }
  146. ;        else
  147. ;        {
  148. ;          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth;
  149. ;          el.style.posTop = 0;
  150. ;        }
  151. ;        el.initLeft = el.style.posLeft;
  152. ;        el.initTop = el.style.posTop;
  153. ;        animateElements[i++] = el;
  154. ;      }
  155. ;    }
  156. ;    window.setTimeout("animate();", speed);
  157. ;  }
  158. ;  function offsetLeft(el)
  159. ;  {
  160. ;    x = el.offsetLeft;
  161. ;    for (e = el.offsetParent; e; e = e.offsetParent)
  162. ;      x += e.offsetLeft;
  163. ;    return x;
  164. ;  }
  165. ;  function offsetTop(el)
  166. ;  {
  167. ;    y = el.offsetTop;
  168. ;    for (e = el.offsetParent; e; e = e.offsetParent)
  169. ;      y += e.offsetTop;
  170. ;    return y;
  171. ;  }
  172. ;  function startWord(ih, i)
  173. ;  {
  174. ;    for(tag = false; i < ih.length; i++)
  175. ;    {
  176. ;      c = ih.charAt(i);
  177. ;      if(c == '<')
  178. ;        tag = true;
  179. ;      if(!tag)
  180. ;        return i;
  181. ;      if(c == '>')
  182. ;        tag = false;
  183. ;    }
  184. ;    return -1;
  185. ;  }
  186. ;  function endWord(ih, i)
  187. ;  {
  188. ;    nonSpace = false;
  189. ;    space = false;
  190. ;    while(i < ih.length)
  191. ;    {
  192. ;      c = ih.charAt(i);
  193. ;      if(c != ' ')
  194. ;        nonSpace = true;
  195. ;      if(nonSpace && c == ' ')
  196. ;        space = true;
  197. ;      if(c == '<')
  198. ;        return i;
  199. ;      if(space && c != ' ')
  200. ;        return i;
  201. ;      i++;
  202. ;    }
  203. ;    return -1;
  204. ;  }
  205. ;  function outWord(ih, i1, i2, dyn, anim)
  206. ;  {
  207. ;    if(dyn)
  208. ;      outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">";
  209. ;    outString += ih.substring(i1, i2);
  210. ;    if(dyn)
  211. ;      outString += "</SPAN>";
  212. ;  }
  213. ;  function animate()
  214. ;  {
  215. ;    el = animateElements[currentElement];
  216. ;    animation = el.getAttribute(dynamicanimAttr, false);
  217. ;    step++;
  218. ;    if(animation == "spiral")
  219. ;    {
  220. ;      steps = stepsSpiral;
  221. ;      v = step/steps;
  222. ;      rf = 1.0 - v;
  223. ;      t = v * 2.0*Math.PI;
  224. ;      rx = Math.max(Math.abs(el.initLeft), 200);
  225. ;      ry = Math.max(Math.abs(el.initTop),  200);
  226. ;      el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx);
  227. ;      el.style.posTop  = Math.ceil(-rf*Math.sin(t)*ry);
  228. ;    }
  229. ;    else if(animation == "zoomIn")
  230. ;    {
  231. ;      steps = stepsZoom;
  232. ;      el.style.fontSize = Math.ceil(50+50*step/steps) + "%";
  233. ;      el.style.posLeft = 0;
  234. ;    }
  235. ;    else if(animation == "zoomOut")
  236. ;    {
  237. ;      steps = stepsZoom;
  238. ;      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%";
  239. ;      el.style.posLeft = 0;
  240. ;    }
  241. ;    else
  242. ;    {
  243. ;      steps = stepsFly;
  244. ;      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
  245. ;        steps = stepsWord;
  246. ;      dl = el.initLeft / steps;
  247. ;      dt = el.initTop  / steps;
  248. ;      el.style.posLeft = el.style.posLeft - dl;
  249. ;      el.style.posTop = el.style.posTop - dt;
  250. ;    }
  251. ;    if (step >= steps)
  252. ;    {
  253. ;      el.style.posLeft = 0;
  254. ;      el.style.posTop = 0;
  255. ;      currentElement++;
  256. ;      step = 0;
  257. ;    }
  258. ;    if(currentElement < animateElements.length)
  259. ;      window.setTimeout("animate();", speed);
  260. ;  }
  261. ;//-->
  262. ;</script>
  263.  
  264.  
  265.  
  266. [BODY_TAG]
  267. ;onload="hdynAnimation()"
  268.  
  269.  
  270. [BODY_TEXT]
  271. ;<p hdynamicanimation="flyRight"
  272. ;style="position: relative !important; left: 10000 !important"><img
  273. ;alt="" src="`source_image`" width="`image_width`" height="`image_height`"></p>
  274.  
  275.  
  276.  
  277. [`image_width`]
  278. Kind=N
  279. Value=75
  280.  
  281.  
  282. [`image_height`]
  283. Kind=N
  284. Value=94
  285.  
  286.  
  287. [`source_image`]
  288. Kind=U
  289. Value=mygif.gif
  290.  
  291.  
  292.